<template>
    <div class="container">
        <div class="info">
            <div style="height:10px"></div>
            <div style="padding: 10px;width: 90%;margin-left: 5%;" @click="EventTarget('维保')">
                <div style="display: flex;align-items: center;justify-content: space-between;">
                    <div class="flex-image" style="display: flex;align-items: center;">
                        <image
                            src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/%E9%9D%92%E5%B2%9B%E5%B0%8F%E7%A8%8B%E5%BA%8F%2FGroup%202361.png" />
                        <div style="width: 15px;"></div>
                        <div>维保待处理</div>
                    </div>
                    <div style="display: flex;align-items: center;">
                        <u-icon color="#000000" name="arrow-right"></u-icon>
                        <div style="width: 10px;"></div>
                    </div>
                </div>
            </div>
            <div style="height: 30px;"></div>
            <div style="padding: 10px;width: 90%;margin-left: 5%;" @click="EventTarget('巡检')">
                <div style="display: flex;align-items: center;justify-content: space-between;">
                    <div class="flex-image" style="display: flex;align-items: center;">
                        <image
                            src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/%E9%9D%92%E5%B2%9B%E5%B0%8F%E7%A8%8B%E5%BA%8F%2FGroup%202362.png" />
                        <div style="width: 15px;"></div>
                        <div>巡检待处理</div>
                    </div>
                    <div style="display: flex;align-items: center;">
                        <u-icon color="#000000" name="arrow-right"></u-icon>
                        <div style="width: 10px;"></div>
                    </div>
                </div>
            </div>
            <div style="height: 30px;"></div>
            <div style="padding: 10px;width: 90%;margin-left: 5%;" @click="EventTarget('知识库')">
                <div style="display: flex;align-items: center;justify-content: space-between;">
                    <div class="flex-image" style="display: flex;align-items: center;">
                        <image
                            src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/%E9%9D%92%E5%B2%9B%E5%B0%8F%E7%A8%8B%E5%BA%8F%2FGroup%202360.png" />
                        <div style="width: 15px;"></div>
                        <div>待参加考试</div>
                    </div>
                    <div style="display: flex;align-items: center;">
                        <u-icon color="#000000" name="arrow-right"></u-icon>
                        <div style="width: 10px;"></div>
                    </div>
                </div>
            </div>
        </div>

        <div style="height: 50px;"></div>
    </div>

    <!-- <tabBar :currentPage="currentPage" :indent="indent" :role="role"></tabBar> -->
</template>
<script>
// import tabBar from '../../compontents/tabBar/index.vue';
import request from '../../common/request';
export default {
    // components: {
    //     tabBar,
    // },
    data() {
        return {
            
        }
    },
    methods: {
        EventTarget(i){
            uni.setStorageSync('flag_key', i);
            uni.navigateTo({
                 url:`/pagesPlant/index/proce`
            });
        }
    },
    

}
</script>
<style lang="scss">
.info {
    border-radius: 20px;
    width: 90%;
    margin-left: 5%;
    color: #000000;
}

.head-img image {
    width: 100rpx;
    height: 100rpx;
}

.flex-image image {
    width: 75rpx;
    height: 75rpx;
}

.line-white {
    height: 4rpx;
    width: 100vw;
    background: #eef3f1;
}
</style>